<%@ include file="/common/taglibs.jspf"%>
<!DOCTYPE html>
<html lang="en">
  <head >
	    <title>Bootstrap, from Twitter</title>
	    <!--  
	    <meta charset="utf-8">	
	    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	    <meta name="description" content="">
	    <meta name="author" content="">
	    -->
  </head>
  <body>
  
      <!--Body content-->
      	  <div id="showMessage"></div>
      	  
      	  <form id="formForList" action="${ctx}/system/reslist.do">
			 <div class="control-group">
			    <div class="controls">
				    <input type="text"  name="Q_resName_S_LK" value="${Q_resName_S_LK}" placeholder="Search By Res Name">
			   		<input type="submit" class="btn btn-info" value="Search" style="margin-bottom:9px;">
			   		<page:pageForList pagingBean="${pageBean}"/>
			    </div>
			  </div>
		  </form>
      <!-- table start -->
       <div class="row-fluid" style="min-height: 500px;">
      	<div id="listPanel" >
		  <table id="sysResTable" class="table table-bordered table-hover table-condensed">
			  <thead>
				<tr >
					<td colspan="6">
						<a class="btn btn-primary"  href="#" id="addButton"><i class="icon-pencil"></i>Add</a>
						<a class="btn btn-primary"  href="#" id="delButton"><i class="icon-trash"></i>Delete</a>
						<a class="btn btn-primary"  href="#" ><i class="icon-ban-circle"></i>Ban</a>
					</td>
				</tr>
		  		<tr>
		  			<th>#</th>
		  			<th>resId</th>
		  			<th>resName</th>
		  			<th>resUrl</th>
		  			<th>memo</th>
		  			<!-- 
		  			<th>roles</th>
		  			 -->
		  		</tr>
		  		</thead>
		  		<tbody>
		  		<c:forEach var="res" items="${resList }">
		  			<tr>
		  				<td>
		  					<input type="checkbox" name="checkboxForRes" value="${res.resId }">
		  				</td>
		  				<td>
		  					${res.resId }
		  				</td>
		  				<td>
		  					${res.resName }
		  				</td>
		  				<td>
		  					${res.resUrl }
		  				</td>
		  				<td>
		  					${res.memo }
		  				</td>
		  				<!-- 
		  				<td>
		  					<c:forEach var="role" items="${res.roles}">
		  						<i class="icon-move"></i>${role.roleName }
		  					</c:forEach>
		  				</td>
		  				 -->
		  			</tr>
		  		</c:forEach>
		  		</tbody>
			</table>
	      </div>
	      
	      <div id="detailPanel"  style="display:none; border: solid 1px green; border-radius:4px;padding : 5px 0 0 15px;">
	      	<div style="height: 15px;">
		        <button type="button" class="close pull-right" id="closeButton">&times;close</button>
	      	</div>
            <form id="SysResForm" class="form-horizontal" action="${ctx}/system/add_sys_res.do">
	            <div >
	              <h4>Resource Detial</h4>
				    <input type="hidden" name="resId" >
				    <label for="inputResName">Res Name</label>
				    <input type="text" name="resName" style="width:90%" disabled>
				    <label for="inputPassword">Url</label>
				    <input type="text"  name="resUrl" style="width:90%" disabled>
				    <label for="inputFirstName">Memo</label>
				   	<textarea name="memo" style="width:90%" rows="6" disabled></textarea>
	            </div>
	            <div style="padding:5px;">
	              <a id="editButton" class="btn btn-primary">Edit</a>
	              <a id="saveButton" class="btn btn-primary disabled" >Save</a>
	            </div>
            </form>
	      </div>
      </div>
		
		
	  <!-- table end -->
   
  	<script src="${ctx}/resources/js/src/system/sys_res_list.js"></script>
	
  </body>
  </html>